<!DOCTYPE html>
<html>
	<head>
		<title>Feather</title>
		<link rel="stylesheet" href="style.css"/>
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5shiv.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="container">
			<header>
				<div class="wrapper">
				
					<div id="logo">
						<h1>Feather</h1>
						<p>floating on air</p>
					</div>
					<nav>
						<ul class="sf-menu">
							<li><a>Home</a></li>
							<li class="current">
								<a>About Us</a>
								<ul>
									<li><a>Home</a></li>
									<li class="current">
										<a>About Us</a>
										<ul>
											<li><a>Home</a></li>
											<li class="current">
												<a>About Us</a>
												<ul>
													<li><a>Home</a></li>
													<li><a>About Us</a></li>
													<li><a>Porfolio</a></li>
													<li><a>Blog</a></li>
													<li><a>Contact</a></li>
												</ul>
											</li>
											<li><a>Porfolio</a></li>
											<li><a>Blog</a></li>
											<li><a>Contact</a></li>
										</ul>
									</li>
									<li><a>Porfolio</a></li>
									<li><a>Blog</a></li>
									<li><a>Contact</a></li>
								</ul>
							</li>
							
							<li><a>Porfolio</a></li>
							<li><a>Blog</a></li>
							<li>
								<a>Contact</a>
								<ul>
									<li><a>Home</a></li>
									<li><a>About Us</a></li>
									<li><a>Porfolio</a></li>
									<li><a>Blog</a></li>
									<li><a>Contact</a></li>
								</ul>
							</li>
							<li><a>Testimonials</a></li>
							<li>
								<img src="images/socialnet-icon.png" />
							</li>
						</ul>
					</nav>							
					<div class="clearfix"></div>					
				</div>
			</header>
			
			<div id="main-content">
				<div class="wrapper index">
					<div class="posts">
						<div class="a-post">
							<h2>Post Title Goes Here</h2>
							<p class="info">Posted by <span>Admin</span> on March 13, 2011 in <span>Some Category | 30 Comments</span></p>
							<img src="images/post-thubnail.png"/>
							<p class="summary">Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet. Integer aliquet mattis ultrices. Donec mi lectus, suscipit sed sodales nec, dapibus sit amet magna. Sed odio lectus, molestie in consectetur tempor, sodales id eros. Donec id libero ac odio scelerisque tristique in vitae mauris. Fusce vitae porttitor odio. Morbi pulvinar suscipit tortor non dignissim. Aliquam ultrices eleifend nunc dapibus congue. Cum </p>
							<h5 class="readmore">Read More</h5>
							<div class="clearfix"></div>
						</div>
						<div class="a-post">
							<h2>Post Title Goes Here</h2>
							<p class="info">Posted by <span>Admin</span> on March 13, 2011 in <span>Some Category | 30 Comments</span></p>
							<img src="images/post-thubnail.png"/>
							<p class="summary">Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. </p>
							<h5 class="readmore">Read More</h5>
							<div class="clearfix"></div>
						</div>
						<div class="a-post">
							<h2>Post Title Goes Here</h2>
							<p class="info">Posted by <span>Admin</span> on March 13, 2011 in <span>Some Category | 30 Comments</span></p>
							<img src="images/post-thubnail.png"/>
							<p class="summary">Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet. Integer aliquet mattis ultrices. Donec mi lectus, suscipit sed sodales nec, dapibus sit amet magna. Sed odio lectus, molestie in consectetur tempor, sodales id eros. Donec id libero ac odio scelerisque tristique in vitae mauris. Fusce vitae porttitor odio. Morbi pulvinar suscipit tortor non dignissim. Aliquam ultrices eleifend nunc dapibus congue. Cum </p>
							<h5 class="readmore">Read More</h5>
							<div class="clearfix"></div>
						</div>
						<div class="paging">
							<p>Page 1 of 2   <span>1 2 3 4</span></p>
							<div class="clearfix"></div>
						</div>
					</div>
					<aside>
						<div class="a-sidebar">
							<form class="searchform" name="input" action="#" method="get">
								<input type="text" name="keyword" size="30" value="Search this site">
								<input type="submit" value="Submit">
							</form> 
						</div>
						<div class="a-sidebar">
							<h3>SOMETHING GOES HERE</h3>
							<ul>
								<li><a href="#">Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
							</ul>
						</div>
						<div class="a-sidebar">
							<h3>SOMETHING GOES HERE</h3>
							<ul>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
							</ul>
						</div>
						<div class="a-sidebar">
							<h3>SOMETHING GOES HERE</h3>
							<ul>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
							</ul>
						</div>
					</aside>
					
					<div class="clearfix"></div>
					
				</div> <!--wrapper-->
			</div> <!--main-content-->
			
			<footer>
				<div class="wrapper">
					<div class="col">
						<h4>SOMETHING GOES HERE</h4>
						<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus</p>
					</div>
					<div class="col">
						<h4>SOMETHING GOES HERE</h4>
						<ul>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
						</ul>
					</div>
					<div class="col">
						<h4>SOMETHING GOES HERE</h4>
						<ul>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
						</ul>
					</div>
					<div class="clearfix"></div>
					<hr>
					<nav>
						<ul>
							<li><a href="#">Home</a></li>        
							<li><a href="#">About Us</a></li>        
							<li><a href="#">Portfolio</a></li>
							<li><a href="#">Blog</a></li>        
							<li><a href="#">Contact</a></li>     
							<li><a href="#">Testimonials</a></li>
						</ul>
					</nav>
					<div id="copyright">Designed by <a href="#">Elegant Themes</a> | Powered by <a href="#">WordPress</a></div>
				</div>
			</footer>
		</div>
		
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider.js"></script>
		<script type="text/javascript" src="js/superfish.js"></script>
		<script type="text/javascript" src="js/hoverIntent.js"></script>
		<script type="text/javascript" src="js/util.js"></script>
	
	</body>
</html>